<template>
  <div>
    <van-nav-bar :title="`${comment.reply_count}条回复`">
      <van-icon slot="left" name="cross" @click="$emit('close')"/>
    </van-nav-bar>
    <commentItem :comment="comment"/>
    <van-cell title="全部回复"/>
    <commentList :artId="comment.com_id" type="c"/>
    <!-- 发布评论 -->
    <div class="post-wrap">
      <van-button size="small" round>写评论</van-button>
    </div>
    <!-- 发布评论 -->
  </div>
</template>

<script>
import commentItem from '@/views/article/components/comment-item.vue'
import commentList from '@/views/article/components/comment-list.vue'
export default {
  name: "CommentReply",
  props: {
    comment: {
      type: Object,
      required: true,
    },
  },
  mounted(){
    // console.log(this.comment)
  },
  components:{
    commentItem,
    commentList,
  },
  data() {
    return {};
  },
};
</script>

<style scoped lang="less">
  .post-wrap {
    height: 88px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>